<!-- toaster directive -->
<toaster-container
	toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
	<ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
		<li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
		<li><a ui-sref="main.forum.task.list">任务审核管理</a></li>
		<li class="active" ng-bind="title"></li>
	</ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
	<div class="panel panel-default">
		<!-- 头部 -->
		<div class="panel-heading font-bold">{{title}}
			<a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.forum.task.list"><i class="text-md fa fa-times text-muted"></i></a>
		</div>

		<!--表单-->
		<div class="panel-body">
			<!--所属频道-->
			<div class="form-group">
				<label class="col-lg-2 col-sm-3 control-label">所属频道:</label>
				<label class="control-label">{{record.channelName}}</label>
			</div>
			<div class="line line-dashed b-b line-lg pull-in"></div>
				<!--消息标题-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">帖子标题:</label>
					<label class="control-label">{{record.postTitle}}</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				<!-- 消息图标-->
				<div class="form-group" ng-show="record.pics.length>0">
					<label class="col-lg-2 col-sm-3 control-label">帖子图片:</label>
					<label class="control-label">

						<div class="demo">
							<ul>
								<li ng-repeat="item in record.pics"><img src='{{item}}' ng-click="imglook($event)" style="width: 100%;"></li>
							</ul>
						</div>

					</label>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"  ng-if="record.pics.length>0"></div>
				<!--消息内容-->
				<div class="form-group" ng-if="record.postContent.length>0">
					<label class="col-lg-2 col-sm-3 control-label">帖子内容:</label>
					<div class="col-sm-6"  >
					<label class="control-label">{{record.postContent}}</label>
					</div>
				</div>
				<div class="line line-dashed b-b line-lg pull-in" ng-if="record.postContent.length>0"></div>
				<!--消息详情-->
				<div class="form-group">
					<label class="col-lg-2 col-sm-3 control-label">任务创建时间:</label>
					<div class="col-sm-6"  >
					<label class="control-label">{{record.taskTime}}</label>
					</div>
				</div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
			<div class="form-group" ng-if="record.status=='3'||record.status=='5'">
				<label class="col-lg-2 col-sm-3 control-label">拒绝理由:</label>
				<div class="col-sm-6"  >
					<label class="control-label">{{record.taskRemark}}</label>
				</div>
			</div>
			<div class="line line-dashed b-b line-lg pull-in" ng-if="record.status=='3'||record.status=='5'"></div>
				<div class="form-group" ng-show="btn">
					<div class="col-sm-6 col-sm-offset-2" >
						<button type="button" class="btn btn-info" ng-click="submitSuccess()">审核通过</button>
						<button type="button" class="btn btn-danger w-xs m-l-xl" ng-click="approveService()"  >不通过</button>
					</div>
				</div>


		</div>

		<div class="cover" ng-show="firstApply1">
			<form class="form-horizontal"  name="btnform" id="btnform">
				<div class="firstApplyWrap">
					<div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply1=false">&#xe608;</i></div>
					<div class="title" >
						<div class="modal-header">
							<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
							<h4 class="modal-title" id="CashLabel">审核帖子</h4>
						</div>
						<div class="modal-body">
							<div class="row">
								<div class="form-group">
									<label class="col-lg-3 col-sm-5 control-label" >
										<span class="text-danger wrapper-sm">*</span>拒绝理由：</label>
									<div class="col-sm-6">
										<textarea rows="5" class="form-control" placeholder="请输入拒绝理由"ng-model="taskRemark">
										</textarea>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" ng-click="firstApply1=false" data-dismiss="modal">取消</button>
							<button type="submit" class="btn btn-primary" ng-disabled="isDisabled">确定</button>
						</div>
					</div>

				</div>
			</form>
		</div>
	</div>
</div>




<!--<div class="demo">
	<ul>
		<li><img src="images/69.jpg"></li>
		<li><img src="images/74.jpg"></li>
		<li><img src="images/14H58PICWJE.jpg"></li>
		<li><img src="images/58.jpg"></li>
		<li><img src="images/8.jpg"></li>
		<li><img src="images/13611682080.jpg"></li>
	</ul>
</div>-->
<div class="photo-mask"></div>
<div class="photo-panel">
	<div class="photo-div">
		<div class="photo-left">
			<div class="arrow-prv"></div>
		</div>
		<div class="photo-img">
			<div class="photo-bar">
				<div class="photo-close"></div>
			</div>
			<div class="photo-view-w">
                <img src="images/5WW8V9Y75V00_1000x500.jpg" />
            </div>
			<div class="photo-view-h">
				<!--<img src="images/1471524533521.jpg" />-->
			</div>
			<!--div class="photo-bar">
                <div class="photo-bar-tip">
                    待开发功能
                </div>
            </div-->
		</div>
		<div class="photo-right">
			<div class="arrow-next"></div>
		</div>
	</div>
</div>

<style>
	.cover {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 2000;
		top: 0;
		left: 0;
		/* display: none; */
	}

	.firstApplyWrap{
		width: 800px;
		height:400px;
		background: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		border-radius: 5px;
		overflow: hidden;
	}
	.firstApplyWrap .title{
		font-size: 18px;
		color:#333;
		padding:18px 36px 0 36px;
		text-align: center;
		line-height: 2em;
	}
	.firstApplyWrap .closeBtn,.finishData .closeBtn{
		font-size: 30px;
		padding:5px 10px 0 0;
		border-radius: 50%;
		color: #ccc;
		float: right;
		cursor: pointer;
	}
	.finishData .closeBtn{
		position: absolute;
		top:10px;
		right:10px;
	}
	.firstApplyWrap .bkgIcon{
		position: absolute;
		left: 54px;
		top:87px;
		font-size: 50px;
		color:#FFB136;
	}
	.firstApplyWrap .applyBtnWrap{
		position: absolute;
		bottom: -2px;
		width: 100%;
	}
	.firstApplyWrap .applyBtn{
		width: 50%;
		height:70px;
		line-height: 70px;
		background: #FFB135;
		font-size: 20px;
		text-align: center;
		color:#fff;
		cursor: pointer;
		float:left;
	}
	.firstApplyWrap .applyBtn:last-child{
		background: #5796FC;
	}



	.photo-mask{position: fixed;z-index: 10;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;display: none;}
	.photo-panel{position: absolute;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;}
	.photo-panel .photo-div,.photo-panel .photo-bar{width: 100%;}
	.photo-panel .photo-div{width: 960px;height: 560px;z-index: 11;  position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
		.photo-panel .photo-close{background: url(res/img/close.png);width: 56px;height: 56px;position: absolute;margin-left: 664px; z-index: 9999;}
	.photo-panel .photo-close:hover{background: url(res/img/close_ch.png);width: 56px;height: 56px;position: absolute;margin-left: 664px;}
	.photo-panel .photo-bar-tip{width: 700px;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
	.photo-panel .photo-bar-tip:hover{width: 700px;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
	.photo-panel .photo-img{width: 720px;float: left;height: 560px;background: #fff;}
	.photo-panel .photo-view-w{width: 720px;height: 560px;text-align: center;vertical-align: middle;display: table-cell;}
	.photo-panel .photo-view-h{width: 720px;height: 560px;text-align: center;vertical-align: middle;}
	.photo-panel .photo-view-w img{max-width: 700px;height: auto;vertical-align: middle;text-align: center;max-height: 540px;margin: 10px;-moz-box-shadow: 5px 5px 5px #a6a6a6;/* 老的 Firefox*/box-shadow: 5px 5px 5px #a6a6a6;-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
	.photo-panel .photo-view-h img{max-width: 700px;height: 540px;margin: 10px;-moz-box-shadow: 5px 5px 5px #a6a6a6;/* 老的 Firefox*/box-shadow: 5px 5px 5px #a6a6a6;-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
	@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin: top center}
		20%{-webkit-transform: rotate(15deg)}
		40%{-webkit-transform: rotate(-10deg)}
		60%{-webkit-transform: rotate(5deg)}
		80%{-webkit-transform: rotate(-5deg)}
		100%{-webkit-transform: rotate(0deg)}}@-moz-keyframes swing{20%,40%,60%,80%,100%{-moz-transform-origin: top center}
												  20%{-moz-transform: rotate(15deg)}
												  40%{-moz-transform: rotate(-10deg)}
												  60%{-moz-transform: rotate(5deg)}
												  80%{-moz-transform: rotate(-5deg)}
												  100%{-moz-transform: rotate(0deg)}}.photo-panel .photo-left,.photo-panel .photo-right{width: 120px;float: left;margin-top: 220px;}
	.photo-panel .arrow-prv{background: url(res/img/l.png);width: 120px;height: 120px;}
	.photo-panel .arrow-prv:hover{background: url(res/img/l_ch.png);width: 120px;height: 120px;cursor: pointer;}
	.photo-panel .arrow-next{background: url(res/img/r.png);width: 120px;height: 120px;}
	.photo-panel .arrow-next:hover{background: url(res/img/r_ch.png);width: 120px;height: 120px;cursor: pointer;}
	.demo{width: 800px;margin: 10px auto;}
	.demo li{width: 200px;overflow: hidden;height: 200px;float: left;padding: 2px;}
	.demo li img{width: auto;height: auto;}
	.demo li img:hover{cursor: pointer;}
</style>


